<template>
  <div class="grouptip">
      <div class="tipBox">
        <router-link to="/common/ecFriend?title=英语角" class="noLinkStyle"><div class="close"><img src="static/images/eng-corner/close.png" alt="close"/></div></router-link>
        <div class="gInfo">查看群资料</div>
        <router-link to="/common/ecChat?title=聊天室" class="gChatNowLink"><div class="gChatNow">进入聊天室</div></router-link>
      </div>
  </div>
</template>
<script>
    export default{
      name:'grouptip'
    }
</script>
<style>
  .grouptip{
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height:1640px;
    background:rgba(0,0,0,.6);
  }
  .close{
    text-align: right;
    padding: 8px 20px;
    border-bottom: 1px solid #eee;
  }
  .close img{
    width: 20px;
    height: 20px;
  }
  .tipBox{
    margin: 50% auto;
    width: 90%;
    background: #fff;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    font-size: 16px;
    color:#333;
  }
  .gInfo,.gChatNow{
    padding:20px 0;
   border-bottom: 1px solid #eee;
    text-align: center;
  }
  .gChatNowLink{
    color:#333;
  }
  @media (max-width:320px){
    .close{
      padding: 5px 10px;
    }
    .gInfo,.gChatNow{
      padding:10px 0;
    }
  }
</style>
